<template>
  <Head title="账户余额明细" isBack>
    <template #content>
      <Table
        ref="tableRef"
        :url="URL_PAGINGACCOUNTPERIOD"
        :columns="data.columns"
        :query="data.query"
        :params="{ period }"
      ></Table>
    </template>
  </Head>
</template>

<script lang="ts" setup name="accountBalanceDetail">
import Head from '@/components/head/index.vue';
import Table from '@/components/table/index.vue';
import { URL_PAGINGACCOUNTPERIOD } from '@/service/apis/financial';

const route = useRoute();
const {
  query: { period },
} = route;

const data = reactive({
  columns: [
    {
      prop: 'accountNumber',
      label: '用户账号',
    },
    {
      prop: 'orgName',
      label: '归属企业',
    },
    {
      prop: 'wechatBalance',
      label: '微信结转',
    },
    {
      prop: 'unitBalance',
      label: '企业钱包结转',
    },
  ],
  query: [
    {
      label: '用户账号',
      prop: 'accountNumber',
      comName: 'input',
      props: {
        placeholder: '请输入用户账号',
      },
    },
    {
      label: '手机号',
      prop: 'mobile',
      comName: 'input',
      props: {
        placeholder: '请输入用户手机号',
      },
    },
  ],
});
</script>